<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />

	<title>CleanCut - a Themeforest HTML Template</title>
	
	<!-- ########## CSS Files ########## -->	
	<!-- Screen CSS -->
	<link rel="stylesheet" href="css/style.css" type="text/css" media="screen" />
	<link rel="stylesheet" href="css/style5.css" type="text/css" media="screen" />
	<!-- lightbox CSS -->
	<link rel="stylesheet" href="js/prettyPhoto/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" />	
	<!-- ########## end css ########## -->	
	
	
	<!-- JAVASCRIPT GOES HERE -->
	<script type='text/javascript' src='js/jquery.js'></script>
	<script type='text/javascript' src='js/cufon.js'></script>
	<script type='text/javascript' src='js/quicksand.font.js'></script>
	<script src="js/prettyPhoto/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"></script>	
	<script type='text/javascript' src='flashplayer/flowplayer-3.1.4.min.js'></script>
	<script type='text/javascript' src='js/custom.js'></script>	
	<!--[if IE 6]>
	<script type='text/javascript' src='js/dd_belated_png.js'></script>
	<script>DD_belatedPNG.fix('.ie6fix');</script>
	<style>.box ul li a, .box ul a, .hr {zoom:1;}</style>
	<![endif]-->

</head>
<body id="top" class='fullwidth'>

<div class="wrapper" id='wrapper_head'>

	<div class="center">
	
		<div id="head">
		
			<h1 class="logo"><a href="index.html" class='ie6fix'>CleanCut</a></h1>
			<ul id="nav">
				<li><a href="index.html">Home</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
				</ul>
				</li>
				
				<li><a href="page.html">Template Files</a>
				<ul>
					<li><a href="index.html">Index - Block Slider</a></li>
					<li><a href="index_accordion.html">Index - Accordion Slider</a></li>
					<li><a href="index_fade.html">Index - Fading Slider</a></li>
					<li><a href="index_news.html">Index - News Slider</a></li>
					<li><a href="index_curtain.html">Index - Curtain Slider</a></li>
					<li><a href="multislide.html">Multiple sliders on one Page</a></li>
					<li><a href="blog.html">Blog</a></li>
					<li><a href="single.html">Single Blog Page</a></li>
					<li><a href="portfolio.html">Portfolio Page</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					<li><a href="page.html">Page</a></li>
					<li><a href="fullwidth.html">Page Fullwidth</a></li>
					<li><a href="contact.php">Contact</a></li>
					<li><a href="#">Second Level »</a>
						<ul>
						<li><a href="#">Just for</a></li>
						<li><a href="#">Demonstration</a></li>
						<li><a href="#">Purpose</a></li>
						</ul>
					</li>
					</ul>
				</li>
				<li><a href="styles.html">Styling</a>
					<ul>
					<li><a href="multislide.html">Multiple sliders on one page</a></li>
					<li><a href="styles.html">HTML styling</a></li>
					<li><a href="page.html">Columns in page with sidebar</a></li>
					<li><a href="fullwidth.html">Columns on Fullwidth page</a></li>
					</ul>
				</li>
				<li><a href="blog.html">Blog</a></li>
				<li class='current'><a href="portfolio.html">Portfolio</a>
					<ul>
					<li><a href="portfolio_2.html">Portfolio different heights</a></li>
					<li><a href="portfolio_single.html">Portfolio Single</a></li>
					</ul>
				</li>
				<li><a href="contact.php">Contact</a></li>
			</ul>
			
		<!--end head-->
		</div>
	
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<!-- extra heading, remove if not needed-->
<div class="wrapper" id='wrapper_heading'>
	<div class="center">
	
		<div id='js_sort_items'>
				
				<div class='sort_by_cat'>
					<span>Show:</span>
					<a href="#" id='all_sort' class='active_sort'>All</a>
					<a href="#" id='WebDesign_sort'>Web Design</a>
					<a href="#" id='Featured_sort'>Featured</a>
					<a href="#" id='Bla_sort'>Bla...</a>
				</div>
				
				<div class='sort_by_val'>
					<span>Sort by:</span>
					<a href="#" id='date_sort' class='active_sort reversed'>Date</a>
					<a href="#" id='name_sort'>Name</a>
				</div>
			
			<!--end sort_items-->
			</div>
	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_main'>

	<div class="center">		
				
		<div id="main" class='portfolio'>
			

			<div class="entry portfolio_entry">
			
				<div class="one_fourth all_sort WebDesign_sort Bla_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med1.jpg" alt="" /></a>
				<h3 class='name_sort'>Snowboarding is fun</h3><span class='date_sort hidden'>2010 01 01</span>
				<p>Sdipisicing elit, sedr incididunt ut. Sincididunt ut labosum dolor sit amet, consectetur adipislore magna.  <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med2.jpg" alt="" /></a>
				<h3 class='name_sort'>A beautiful flower</h3><span class='date_sort hidden'>2009 09 07</span>			
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor. 
				<a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort WebDesign_sort"><a class='preloading'  href="files/content_pic3.jpg"><img src="files/content_pic_med3.jpg" alt="" /></a>
				<h3 class='name_sort'>Your next vacation: Egypt</h3><span class='date_sort hidden'>2009 08 10</span>
				<p>Led do eiusmod temsum dolor sit amet, consectetur adipissum dolor sit amet, consectetur adipispor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
				
				<div class="one_fourth all_sort last Featured_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med4.jpg" alt="" /></a>
				<h3 class='name_sort'>Balloon Battle</h3><span class='date_sort hidden'>2009 08 09</span>
				<p>Sincididunt ut labosum dolor sit amet, consectetur adipislore magna. Sdipisicing elit, sedr incididunt ut.<a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
			
			<!--end enty -->
			</div>
			
			<div class="entry portfolio_entry">
			
				<div class="one_fourth all_sort Featured_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med2.jpg" alt="" /></a>
				<h3 class='name_sort'>Flower Power again</h3><span class='date_sort hidden'>2009 08 08</span>
				<p>Led do eiusmod temsum dolor sit amet, consectetur adipissum dolor sit amet, consectetur adipispor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort WebDesign_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med3.jpg" alt="" /></a>
				<h3 class='name_sort'>Join the beach</h3><span class='date_sort hidden'>2009 08 07</span>			
				<p>Lorem ipsum dolor sit amet, consecteturo eiusmod tempor incididunt ut labolore magna.<a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort WebDesign_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med4.jpg" alt="" /></a>
				<h3 class='name_sort'>Up up and away</h3><span class='date_sort hidden'>2009 08 06</span>
				<p>Dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labolore magna. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
				
				<div class="one_fourth all_sort last WebDesign_sort Bla_sort"><a class='preloading'  href="files/content_pic4.jpg"><img src="files/content_pic_med1.jpg" alt="" /></a>
				<h3 class='name_sort'>Jump arround</h3><span class='date_sort hidden'>2009 08 05</span>
				<p>Sincididunt ut labosum dolor sit amet, consectetur adipislore magna. Sdipisicing elit, sedr incididunt ut. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
			
			<!--end enty -->
			</div>
			
			<div class="entry portfolio_entry">
			
				<div class="one_fourth all_sort Featured_sort WebDesign_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med3.jpg" alt="" /></a>
				<h3 class='name_sort'>Holiday shot</h3><span class='date_sort hidden'>2009 08 04</span>
				<p>Sed do eiusmod tempor incididunt ut labolore magna, consectetur adipisicing elit, sedr incididunt ut. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort Featured_sort"><a class='preloading'  href="http://vimeo.com/1084537?width=850&amp;height=450"><img src="files/content_pic_med4.jpg" alt="" /></a>
				<h3 class='name_sort'>Funky Finals</h3><span class='date_sort hidden'>2009 08 03</span>			
				<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>
				</div>
				
				<div class="one_fourth all_sort WebDesign_sort Bla_sort"><a class='preloading'  href="files/content_pic3.jpg"><img src="files/content_pic_med1.jpg" alt="" /></a>
				<h3 class='name_sort'>Crossboarder Challenge</h3><span class='date_sort hidden'>2009 08 02</span>
				<p>Tempor incididunt. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
				
				<div class="one_fourth all_sort last WebDesign_sort"><a class='preloading'  href="files/content_pic4.jpg"><img src="files/content_pic_med2.jpg" alt="" /></a>
				<h3 class='name_sort'>Posion Ivy</h3><span class='date_sort hidden'>2009 08 01</span>
				<p>Lorem ipsum dolor sit amet, consecteturo eiusmod tempor incididunt ut labolore magna. <a href="portfolio_single.html" class="more-link">Read more</a></p>			
				</div>
			
			<!--end enty -->
			</div>
					
		<!--end main-->
		</div>
		
		<div class="pagination">
			<span class="current">1</span>
			<a href="#" class="inactive">2</a>
			<a href="#" class="inactive">3</a>
			<a href="#" class="inactive">4</a>
			<a href="#" class="inactive">5</a>
		</div>
		
		<div id="footer_inside">
		
		<!--end footer_inside-->
		</div>

	<!-- end center-->
	</div>
<!--end wrapper-->
</div>

<div class="wrapper" id='wrapper_footer'>
	
	<div id="footer_outside">
		<span class="copyright">
			&copy; Copyright <a href='#'>YourName.Inc</a> - 
			Design by <a href="http://www.kriesi.at">Kriesi.at - Wordpress Themes</a>
		</span>
		
		<ul class="social_bookmarks">
			<li class="rss"><a href="#" class="ie6fix">RSS</a></li>
			<li class="facebook"><a href="#" class="ie6fix">Facebook</a></li>
			<li class="twitter"><a href="#" class="ie6fix">Twitter</a></li>
			<li class="flickr"><a href="#" class="ie6fix">flickr</a></li>
		</ul>
		
		<a href="#top" class='scrollTop'>top</a>
	<!--end footer_outside-->
	</div>
	
	
	
<!--end wrapper -->
</div>

</body>
</html>